/**
 * Created by Administrator on 2017/9/18.
 */
require.config({
	paths: {
		"jquery": "lib/jquery/jquery-3.2.1",
		"jquery.cookie":"lib/jquery/jquery.cookie"
	}
});
require(["jquery","jquery.cookie"], function ($) {
	$(function () {
		var name=$.cookie("userName");
		if (name.length>0){
			$(".login").show();
			$(".welcome").text("您好,  "+name);
			$(".unLogin").hide();
		}
		else {
			$(".Login").hide();
			$(".unLogin").show();
		}
		$(".exit").on("click",function () {
			$.cookie("userName", "", { path: '/',expires: 7 }); //删除cookie
			location.reload()
		})
		//判断当鼠标滑过购物车时，购物车的状态
		$(".carr").on("mouseenter",function () {
			for (var i = 0; i < 20; i++) {
				console.log($.cookie("produce" + i));
				if ($.cookie("produce" + i)){
					$("#carInfo").stop().slideDown();
				}
				if(!$.cookie("produceId")){
					$(".carr").text("空空如也~").css("fontSize","12px")
				}
			}
		})
		$(".carr").on("mouseleave",function () {
			$(".carr").text("购物车")
		})
		$("#carInfo").on("mouseleave",function () {
			$("#carInfo").stop().slideUp();
			
		})
		
		$("#right-nav>li").on("mouseenter", function () {
			$(this).children("a").addClass("active");
			$(this).find("span").addClass("act");
			$(this).children("ul").css("display", "block");
		})
		$("#right-nav>li>a").on("mouseleave", function () {
			$(this).removeClass("active");
		})
		$("#right-nav>li").on("mouseleave", function () {
			$(this).find("span").removeClass("act");
			$(this).children("ul").css("display", "none")
		})
		$("#second-nav>dl").on("mouseenter", function () {
			$(this).addClass("active");
			$(this).find("dd").show();
		})
		$("#second-nav>dl").on("mouseleave", function () {
			$(this).removeClass("active");
			$(this).find("dd").hide();
		})
		// 轮播图
		var picIndex = -1;
		var timer = setInterval(function () {
			picIndex++;
			if (picIndex > 4) {
				picIndex = 0;
			}
			$("#banner>ol>li").eq(picIndex).addClass("oli").siblings("li").removeClass("oli");
			$("#banner>ul>li").eq(picIndex).animate({"opacity": "1"}, 4000).siblings("li").animate({"opacity": "0"}, 4000);
		}, 4000);
		for (var i = 0; i < 4; i++) {
			$("#banner>ol>li").eq(i).on("click",function () {
				$(this).addClass("oli").siblings("li").removeClass("oli");
				$("#banner>ul>li").eq($(this).index()).animate({"opacity": "1"}, 4000).siblings("li").animate({"opacity": "0"}, 4000);
			})
		}
		
		$("#second-nav>dl:eq(4)").on("mouseenter", function () {
			$(this).addClass("active");
			$(this).find("dd").show().css({"top": -20, "height": 300});
		})
		$("#second-nav>dl:eq(5)").on("mouseenter", function () {
			$(this).addClass("active");
			$(this).find("dd").show().css({"top": -90, "height": 300});
		})
		$("#second-nav>dl:eq(6)").on("mouseenter", function () {
			$(this).addClass("active");
			$(this).find("dd").show().css({"top": -160, "height": 300});
		})
		$("#second-nav>dl:eq(7)").on("mouseenter", function () {
			$(this).addClass("active");
			$(this).find("dd").show().css({"top": -230, "height": 300});
		})
		$(document).scroll(function () {
			if ($(this).scrollTop() > $("header").height()) {
				$("#side-left").show();
				$("#side-right").show();
			}
			else {
				$("#side-left").hide();
				$("#side-right").hide();
				$("#weixin").hide();
			}
		})
		$("#side-right>ul>li").last().on("mouseenter", function () {
			$("#weixin").show().animate({"right": 110}, 600);
		})
		$("#side-right>ul>li").last().on("mouseleave", function () {
			$("#weixin").stop().hide().css("right", 180);
		})
		$("#toTop").on("click", function () {
			$("body,html").animate({scrollTop: 0}, 500)
		})
		// 从json中提取推荐部分的页面数据，并且插入到页面的相关位置
		$.ajax({
			type: "GET",
			url: "../json/index/groom.json",
			dataType: "json",
			success: function (data) {
				for (var i = 0; i < data.length; i++) {
					if($.cookie("produce" + i)!=undefined){
						console.log(data[i].srcS1);
						var $pEvery=$("<p></p>").addClass("every");
						var $infoImg=$("<img>").addClass("infoImg");
						$infoImg.attr("src",data[i].srcS1);
						var $infoProduce=$("<em></em>").addClass("infoProduce").text(data[i].title);
						var $time=$("<em></em>").addClass("time").text($.cookie("produce"+i));
						$pEvery.append($infoImg).append($time).append($infoProduce);
						$pEvery.on("mouseenter",function () {
							$(this).css("background","#e5e5e5");
						})
						$pEvery.on("mouseleave",function () {
							$(this).css("background","");
						})
						$pEvery.on("click",function () {
							window.location.href="shoppingCart.html";
						})
						$("#carInfo").append($pEvery);
						
						
					}
					
					var imgg = $(document.createElement("img")).attr("src", data[i].src);
					var titlee = $(document.createElement("div")).addClass("title").append(data[i].title);
					var descc = $(document.createElement("p")).addClass("desc").append(data[i].desc);
					var neww = $(document.createElement("span")).addClass("new").append("拼团价：￥");
					var newP = $(document.createElement("em")).append(data[i].newPrice);
					var oldd = $(document.createElement("span")).addClass("old").append("市场价：");
					var oldP = $(document.createElement("em")).append(data[i].oldPrice);
					var buyy = $(document.createElement("p")).addClass("buy").append(data[i].buy);
					
					var dir = $(document.createElement("div")).addClass("dir");
					var price = $(document.createElement("div")).addClass("price");
					var btn = $(document.createElement("btn")).addClass("btn").append("去拼团");
					$(neww).append(newP);
					$(oldd).append(oldP);
					$(price).append(neww).append(oldd);
					$(dir).append(titlee).append(descc).append(price).append(btn).append(buyy);
					var aa = $(document.createElement("a")).addClass("groom-item");
					
					$(aa).on("click",function () {
						$.cookie("produceId",$(this).index());
						
					})
					$(aa).append(imgg).append(dir);
					$(".layout").append(aa);
					
					$(aa).attr("href", "productDetails.html");
				}
			}
		})
		// 从json中提取今日特卖的页面数据，并且插入到页面的相关位置
		$.ajax({
				type: "GET",
				url: "../json/index/todaySpecial.json",
				dataType: "json",
				success(data){
					for (var i = 0; i < data.length; i++) {
						var special = $("<div></div>").addClass("special").addClass("clear");
						var a = $("<a></a>").addClass("s-img").attr("href", "#");
						var bImg = $("<img>").attr("src", data[i].bigSrc);
						a.append(bImg);
						var rank = $("<div></div>").addClass("rank");
						//读取热门一的数据并创建元素绑定在页面上
						var top1 = $("<a></a>").attr("src", "#").addClass("top").addClass("top1").addClass("clear").attr("href", "#");
						var top1Img = $("<img>").attr("src", data[i].top1Src);
						var sRight1 = $("<div></div>").addClass("s-right");
						var sP1 = $("<p></p>").addClass("special-p").append(data[i].title1);
						var newSpan1 = $("<span></span>").addClass("new").append(data[i].new1);
						var oldSpan1 = $("<span></span>").addClass("old").append(data[i].old1);
						$(sRight1).append(sP1).append(newSpan1).append(oldSpan1);
						$(top1).append(top1Img).append(sRight1);
						//读取热门二的数据并创建元素绑定在页面上
						var top2 = $("<a></a>").attr("src", "#").addClass("top").addClass("top2").addClass("clear").attr("href", "#");
						var top2Img = $("<img>").attr("src", data[i].top2Src);
						var sRight2 = $("<div></div>").addClass("s-right");
						var sP2 = $("<p></p>").addClass("special-p").append(data[i].title2);
						var newSpan2 = $("<span></span>").addClass("new").append(data[i].new2);
						var oldSpan2 = $("<span></span>").addClass("old").append(data[i].old2);
						$(sRight2).append(sP2).append(newSpan2).append(oldSpan2);
						$(top2).append(top2Img).append(sRight2);
						//读取热门三的数据并创建元素绑定在页面上
						var top3 = $("<a></a>").attr("src", "#").addClass("top").addClass("top3").addClass("clear").attr("href", "#");
						var top3Img = $("<img>").attr("src", data[i].top3Src);
						var sRight3 = $("<div></div>").addClass("s-right");
						var sP3 = $("<p></p>").addClass("special-p").append(data[i].title3);
						var newSpan3 = $("<span></span>").addClass("new").append(data[i].new3);
						var oldSpan3 = $("<span></span>").addClass("old").append(data[i].old3);
						$(sRight3).append(sP3).append(newSpan3).append(oldSpan3);
						$(top3).append(top3Img).append(sRight3);
						// 将此部分的内容插入到页面
						$(rank).append(top1).append(top2).append(top3);
						$(special).append(a).append(rank);
						$("#todaySpecial").append(special);
					}
				}
			}
		)
		// 从json中提取大牌尖货的页面数据，并且插入到页面的相关位置
		$.ajax({
			type: "GET",
			url: "../json/index/major.json",
			dataType: "json",
			success: function (data) {
				for ( var i = 0; i < data.length; i++) {
					var panner=$("<div></div>").addClass("panner");
					var title=$("<div></div>").addClass("title").addClass("clear");
					var imgLogo=$("<img>").attr("src",data[i].srcLogo);
					var p1=$("<p></p>").append("正在参与拼团活动");
					var oul=$("<ul></ul>").addClass("major-brand");
					var oli1=$("<li></li>");
					var img1=$("<img>").attr("src",data[i].majorSrc1);
					var new1=$("<span></span>").addClass("new").append(data[i].new1);
					var old1=$("<span></span>").addClass("old").append(data[i].old1);
					var p21=$("<p></p>").append(data[i].title1);
					
					var oli2=$("<li></li>");
					var img2=$("<img>").attr("src",data[i].majorSrc2);
					var new2=$("<span></span>").addClass("new").append(data[i].new2);
					var old2=$("<span></span>").addClass("old").append(data[i].old2);
					var p22=$("<p></p>").append(data[i].title2);
					
					var oli3=$("<li></li>");
					var img3=$("<img>").attr("src",data[i].majorSrc3);
					var new3=$("<span></span>").addClass("new").append(data[i].new3);
					var old3=$("<span></span>").addClass("old").append(data[i].old3);
					var p23=$("<p></p>").append(data[i].title3);
					
					var oli4=$("<li></li>");
					var img4=$("<img>").attr("src",data[i].majorSrc4);
					var new4=$("<span></span>").addClass("new").append(data[i].new4);
					var old4=$("<span></span>").addClass("old").append(data[i].old4);
					var p24=$("<p></p>").append(data[i].title4);
					
					var oli5=$("<li></li>");
					var img5=$("<img>").attr("src",data[i].majorSrc5);
					var new5=$("<span></span>").addClass("new").append(data[i].new5);
					var old5=$("<span></span>").addClass("old").append(data[i].old5);
					var p25=$("<p></p>").append(data[i].title5);
					
					$(title).append(imgLogo).append(p1);
					$(oli1).append(img1).append(p21).append(new1).append(old1);
					$(oli2).append(img2).append(p22).append(new2).append(old2);
					$(oli3).append(img3).append(p23).append(new3).append(old3);
					$(oli4).append(img4).append(p24).append(new4).append(old4);
					$(oli5).append(img5).append(p25).append(new5).append(old5);
					$(oul).append(oli1).append(oli2).append(oli3).append(oli4).append(oli5);
					$(panner).append(title).append(oul);
					$("#major").append(panner);
					
				}
			}
		})
		// 点击进入详情页
		$(".groom-item").on("click",function () {
			console.log(1111);
		})
	})
});
